<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>静态数据树</title>
	<script type="text/javascript">
		var Global = {
			contextPath:'/bingo.ui.framework'
		} 
	</script>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	<link  href="../../../../themes/default/ui.css" type="text/css" id="themesLink" rel="stylesheet" />
	
	<script src="../ui.tree.js" type="text/javascript"></script>
	<link  href="../ui.tree.css" rel="stylesheet" type="text/css" />

	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<style>
		.tree{
			width:200px;
			height:240px;
		}
	</style>
	
	<script>
		$(function(){
			var json_data = {//静态数据
				id:'11',
				text:'根节点',
				isExpand:true,
				childNodes:[
					{
						id:'21',
						text:'数据源表11',
						childNodes:[
							{
								id:'youda1',
								text:'有道1'
							}
						]
					},
					{
						id:'31',
						text:'数据源表二1'
					}
				]
			 }
			 ;

			$('#default-tree').tree({//tree为容器ID
				source:'array',
				data:json_data
            }) ;
			
		})
	</script>
	
</head>

<body>
	<div id='content-default' class='demo'>
			<h1></h1>
			<div id="default-tree" class="tree" style="padding: 5px; overflow-y: auto; height:300px;"></div>
	</div>
</body>
</html>